{
  "properties" : { },
  "id" : "2791373ad29f41768400f3fff34c4e6e",
  "script" : null,
  "groupId" : "cc518b4aaadd45b3a3c5a653f2ee082f",
  "name" : "game.html",
  "createTime" : 1726583336374,
  "updateTime" : 1728032607793,
  "lock" : null,
  "createBy" : "管理员",
  "updateBy" : "管理员",
  "path" : "game.html"
}
================================
    <style>
        /* 设计样式 */
        .data-container {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
            gap: 1rem;
            padding: 1rem;
            box-sizing: border-box;
        }
        
        .data-card {
            background-color: #f9f9f9;
            border-radius: 5px;
            overflow: hidden;
            transition: box-shadow 0.3s ease;
            position: sticky;
        }

        .card-image {
            width: 100%;
            height: auto;
            object-fit: cover;
        }

        .card-content {
            padding: 1rem;
        }
        
        .card-title {
            font-weight: bold;
            margin-bottom: 0.5rem;
        }
        .card-details {
            color: gray;
        }
        
        .status-badge {
            color: white;
            position: absolute;
            top: 5px;
            right: 5px;
            text-shadow: 
                2px 2px 2px rgba(255, 187, 183, 0.6), /* 主要的金色阴影，偏移量、模糊度和透明度 */
                1px 1px 1px rgba(255, 187, 183, 0.5); /* 边缘更柔和的阴影，也可以适当调整 */
        }
        
        .file-size {
            text-align: right;
        }
        
        /* 鼠标悬停效果 */
        .data-card:hover {
            box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);
        }
        
        .card-title {
            white-space: nowrap; /* 阻止换行 */
            overflow: hidden; /* 如果内容超出容器，隐藏多余部分 */
            text-overflow: ellipsis; /* 添加省略号 */
            line-height: 1.4; /* 提升可读性，可根据需要调整 */
            max-width: 90%; /* 限制名称宽度，可根据实际内容调整 */
        }
        .card-details{
            max-width: 90%;
        }
    </style>


    <div class="data-container">


<#list dataList as item>

        <div class="data-card">
            <span class="status-badge">${item.tag2}</span>
            <img src="/img/acgimg/${item.img}" class="card-image">
            <div class="card-content">
                <h4 class="card-title">${item.name}</h4>
                <p class="card-details">${item.tag1}</p>
                <a href="${item.page}" target="_blank">查看</a>
                &nbsp;
                <#if item.link1 != 'pan.baidu.com/s/xxxxxxxxxxxxx?pwd=xxxx'>
                    <a href="https://${item.link1}" target="_blank">百度云</a>
                </#if>
            </div>
        </div>

</#list>

    </div>